<template>
	<el-popover
		effect="dark"
		:popper-style="{ background: 'rgba(0,0,0,0.6)' }"
		placement="bottom"
		title=""
		:width="200"
		:disabled="isColorShow "
		trigger="click"
	>
		<div >
			<p>上一次: {{ beforeText }}</p>
			<p>本&nbsp;&nbsp;&nbsp;次: {{ text }}</p>
		</div>
		<template #reference>
			<span class="block-span">{{ text }}</span>
		</template>
	</el-popover>
</template>

<script setup lang="ts">
const props = defineProps<{
	text?: string | number
	beforeText?: string | number
	isColorShow?: boolean
}>()
</script>

<style scoped>
.block-span {
  display: inline-block;
  width: 100%;
  height: 100%;
  cursor: pointer;
}
</style>
